.more-button {
  font-size: 14px;
}
.btn-loading {
  height: 32px;
  padding: 6px 12px !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  .el-icon--left {
    margin-right: 4px;
  }
  > span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.reset-svg {
  height: 24px;
  width: 24px;
}
.table-container {
  padding: 16px;
}
.table-space {
  height: 10px;
  background-color: #f0f2f5;
}
.col-container {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}
.col-dropdown {
  padding: 10px;
  overflow-y: auto;
  max-height: 50%;
  .el-tree-node__expand-icon {
    display: none;
  }
  .el-switch {
    margin-right: 5px;
  }
}
.operation-container {
  z-index: 1000;
  display: flex;
  cursor: pointer;
  align-items: center;
  > div {
    font-size: 14px;
    margin-left: 10px;
  }
}
/******以下重置一些样式********/
.common-filter-container-wrap,
.common-filter-container-wrap-more {
  display: flex;
}
.common-filter-container-wrap .common-filter-container-div {
  max-width: calc(100% - 200px);
  min-width: 400px;
  width: fit-content;
  padding: 16px 0 0 16px !important;
  max-height: 48px;
  overflow: hidden;
  white-space: wrap;
  position: relative;
  transition-property: max-height;
  // transition-duration: 0.5s;
  // transition-timing-function: ease;
}
.common-filter-container-wrap-more .common-filter-container-div {
  padding: 16px 0 0 16px !important;
  max-width: calc(100% - 200px);
  max-height: 1000px;
  white-space: wrap;
  position: relative;
  transition-property: max-height;
  // transition-duration: 2s;
  // transition-timing-function: ease;
}
.submit-container {
  display: flex;
  justify-content: end;
  width: 20%;
  position: absolute;
  right: 16px;
  padding: 16px 0;
}
.demo-form-inline .el-form-item__label {
  white-space: nowrap;
  font-size: 13px;
}
.common-filter-container-wrap >>> .el-form-item {
  white-space: nowrap;
}
.common-filter-container-more >>> .el-form-item {
  white-space: nowrap;
}
.common-filter-container-more .el-form-item__label {
  white-space: nowrap;
  font-size: 13px;
}
.el-icon--right {
  margin-left: 0;
}
// 重置表单 item 样式
::v-deep .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 10px;
  margin-right: 24px;
}
// 防止 select 组件缩放的时候， input 样式响应式错乱
::v-deep .el-select {
  height: 32px !important;
  .el-input__inner {
    height: 32px !important;
  }
}
// 防止表单 label 在 mac 分辨率上 浮动塌陷， 其默认为 none
::v-deep .el-form--inline .el-form-item__label {
  float: left !important;
}
// 修改 时间日期组件宽度
::v-deep .el-range-editor--small.el-input__inner {
  // width: 220px
}
.el-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
// 重置一下有排序的表头的样式，以免表头换行，因为使用了省略号
::v-deep .is-sortable {
  .cell {
    padding-left: 5px !important;
    padding-right: 2px !important;
  }
  .caret-wrapper {
    right: 3px;
  }
}
// 头部样式重置，其中的 span 样式调整是为了放下🔍
::v-deep .el-table__header {
  .cell {
    display: flex !important;
    align-items: center;
    justify-content: left;
    width: 120px;
    > span {
      padding-left: 3px;
    }
  }
}
// 表格内部行样式重置
::v-deep .el-table__body-wrapper {
  .el-table-column--selection {
    padding-left: 10px;
  }
  .cell {
    padding-left: 5px;
  }
}
// 操作列样式
::v-deep .actions {
  .cell {
    padding: 0;
    .col-slot {
      display: flex;
      justify-content: space-evenly;
    }
    .el-button--medium {
      padding: 5px 0px !important;
    }
  }
}
// 修改固定列后出现y轴滚动条的白色背景
::v-deep .el-table__fixed-right-patch {
  background-color: #f9f9f9 !important;
}
// 修改 固定栏 阴影
::v-deep .el-table__fixed-right {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) !important;
}
.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 解决 固定列的时候， x y 都出现滚动条， y滚动到底以后 固定列下边框错位问题
::v-deep.el-table
  .el-table__fixed-right
  .el-table__fixed-body-wrapper
  .el-table__body {
  padding-bottom: 10px !important;
}

::v-deep .el-table-column--selection {
  .cell {
    text-overflow: unset !important;
  }
}

/* For Chrome, Safari, and Opera */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #4885ed; /* 滚动条的颜色 */
  border-radius: 5px;
}

/* For IE, Edge, and Firefox */
.el-table__body-wrapper {
  scrollbar-width: thin;
  scrollbar-color: #4885ed transparent; /* 滚动条的颜色 和 滚动条轨道的颜色 */
}
